<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <title>排版样式</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body style="margin: 50px">
<p>Bootstrap框架</p>
<p class="lead">Bootstrap框架<small>小标题测试</small></p>
<p>Bootstrap框架</p>
<p>Bootstrap框架<small>小标题测试</small></p>
<span class="h1">Bootstrap框架</span>
<h1>Bootstrap<mark>框架</mark></h1>
<p>测试</p><p></p>使用</p>
好好</br>测试</br>

<del>bbbbb</del><!--删除的文本-->
<s>ccccc</s> <!--无用的文本-->
<ins>ookokok</ins><!--插入的文本-->
<u>nijiji</u><!--效果同上,下划线文本-->
<strong>加粗</strong><!--加粗-->
<em>倾斜</em>

<p class="text-left">Bootstrap巨左</p>
<p class="text-right">Bootstrap居右</p>
<p class="text-center">Bootstrap居中</p>
<p class="text-justify">Bootstrap两端对齐</p>
<p class="text-nowrap">Bootstrap不换行</p>
<p class="text-nowrap" style="border:1px solid red;width:50px;">Bootstrap不换行</p>

<p class="text-lowercase">Bootstrap小写</p>
<p class="text-uppercase">Bootstrap大写</p>
<p class="text-capitalize">Bootstrap now首字母大写</p>


Bootstrap<abbr title="Bootstrap" class="initialism">框架</abbr>  <!-- 缩略语-->

<!--地址文本-->
<address>
    <strong>Twitter,inc</strong></br>
    795 folkoo,shdoo00</br>
    <abbr title="Phone">P:</abbr>(133)98090
</address>

<!--引用文本-->
<blockquote>
    Bootstrap框架
</blockquote>

<blockquote class="blockquote-reverse">
    Bootstrap 框架
</blockquote>

<!--列表排版-->
<!--移出默认样式-->
<ul class="list-unstyled">
    <li>hduij</li>
    <li>heijk</li>
    <li>ijjij</li>
</ul>
<!--设置成内嵌-->
<ul class="list-inline">
    <li>hxsijd</li>
    <li>hxsijd</li>
    <li>hxsijd</li>
</ul>
<!--水平排列描述列表-->
<dl class="dl-horizontal">
    <dt>Bootstrap框架</dt>
    <dd>大人的世界已没有了童谣,我们多么无趣,但是又有一堆的事情要去做,所以努力啊努力啊在努力</dd>
</dl>

<!--代码-->
<!--内联代码-->
<code>&lt;section&gt;</code>
<!--用户输入-->
press <kbd>ctrl + ,</kbd>
<!--代码块-->
<pre>&lt;p&gt;Please input...&lt;/p&gt;</pre>

<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>